.partner {
      margin: 0 auto;
      width: 1200px;
      display: grid;
      grid-template-columns: repeat(7, 1fr);
    }

    .partner-itme {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 150px;
    }

    .partner-itme>img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      line-height: 0;
      font-size: 0;
      vertical-align: middle;
    }

    .partner-itme>img:last-child {
      display: none;
    }

    .partner-itme:hover img:last-child {
      display: block;
    }

    .partner-itme:hover img:first-child {
      display: none;
    }
    
     @media only screen and (max-width: 767px) {
        .partner {
            width: 335px;
            grid-template-columns: repeat(2, 1fr);
        }
        
        .partner-itme {
            height: 120px;
        }
        
        .partner-itme>img:first-child {
            display: none;
        }
        .partner-itme>img:last-child {
            display: block;
        }
    }